/*!
==========================================================================
HAK CIPTA (c) JANUARI 2015 KOMIK STATION
==========================================================================
Konten ini bukanlah kode sumber terbuka. Konten ini merupakan identitas
untuk situs web ini dan hanya tersedia satu saja untuk pemiliknya. Jika
suatu saat Anda kebetulan melihat situs-situs lain dengan tampilan yang
sama atau mirip, maka itu adalah desain yang ilegal. Apapun yang terjadi
pada situs tersebut sama sekali tidak ada kaitannya dengan situs ini dan
sama sekali tidak ada tanggung jawab yang mengikat pada situs ini terhadap
mereka.

Anda tidak memiliki hak dan izin untuk menyalin, menyimpan atau berbagi
kode sumber ini untuk alasan apapun, Saya hanya mengizinkan Anda untuk melihat-lihat
kode sumber ini sebagai bahan pembelajaran pribadi, dan bukannya untuk
disalin begitu saja.

Terima kasih banyak atas perhatiannya.

==========================================================================
COPYRIGHT (c) JANUARI 2015 KOMIK STATION
==========================================================================
This content is not an open source code. This content is the identity of
this website and only available for the author. If someday, you see
another sites that look the same with this site, then that's an illegal
sites. The sites itself is not illegal, but its design. No matter what
happens on that site totally nothing to do with this site and there is
totally no responsibility that binds this site against them.

You do not have the right and permission to copy, save or share my work
for whatever the reason (except the code that I share through the blog
post). I just allow you to look the source code of this site as a personal
learning purpose, and not to be copied for granted.

Thank you very much for your attention.
*/

/* ----- Style ----- */
po
.post-feeds, .feed-links, .status-msg-wrap {
display:none
} {
	display:none;
}

html, body {
    background:#000 url(http://3.bp.blogspot.com/-UTpFPMTiMmQ/U3b76nNisHI/AAAAAAAABGM/rVilZ2JlBis/s1600/fond.jpg) repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;ikl
    font-family:"Open Sans",sans-serif;
    font-size:12px;
}

a:link, a:visited  {
    color:#ff7800;
    text-decoration:none;
}
a:hover  {
    color:#FF9333;
    text-decoration:none;
}

/*---- Header ----*/

.branding {
    background:#FF5400 url(http://1.bp.blogspot.com/-akvYSZ8kRAw/VK5FLrnslYI/AAAAAAAAOgE/yffaFei20Zo/s1600/bgheader2.png) no-repeat center -50px;
    padding:15px;i
}

#header {
float:left;
clear: both;
display: block;
}

.header h1.title,.header p.title {
font-family:"Open Sans",sans-serif;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
color:#555;
line-height:1.3em;
margin:0 0 6px;
display:none;
}

.header .description {
font-family:"Open Sans",sans-serif;
font-weight:400;
color:#666;
font-size:12px;
margin:3px 0;
display:none;
}

.header a,.header a:hover {
color:#555;
}

.header-right {
	clear: both;
	display: block;
	margin-top:-60px;
	float: right;
}

ul.social a {
    color:#fff;
    text-decoration:none
}
ul.social a:hover {
    color:#ccc;
    text-decoration:none
}


/*---- Line ----*/

.rainbow {
    height: 6px;
    background: url(http://4.bp.blogspot.com/-4Zg97W_NoIU/UzvPtuKxQvI/AAAAAAAABjc/FhBgHxDtZMI/s1600/rainbow.png) repeat-x;
}

/* List Komik
----------------------------------------------- */

.subheadpost {
    position:relative;
    float:left;
}

.subheadpost header {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom:10px;
    padding:10px;
    position:absolute;
    width:auto;
}


.subheadpost h4 {
    color:#C00C0C;
    margin:0 auto;
    padding-top:5px;
    font-size:10px;
    text-shadow:1px 1px 1px #0B0B0B;
}

.subheadpost h5 {
    color:#C00C0C;
    margin:0 auto;
    padding-bottom:3px;
    font-size:11px;
    text-shadow:1px 1px 1px #0B0B0B;
}


.subheadpost h6 {
    color:#FFF;
    margin:0 auto;
    font-size:10px;
    text-shadow:1px 1px 1px #0B0B0B;
}



#controlimage {
    margin-top: 20px;
    padding: 10px;
    font-family:"Open Sans",sans-serif;
    font-size:15px;
    background-color: #FF8519;
  	border-radius: 4px;
}

#controlimage a:link, #controlimage a:visited {
	color:#fff;
}

#controlimage a:hover {
	color:#ccc;
}

#index {
    margin-left: 10px;
    margin-right: 10px;
    padding-left:5px;
    padding-right: 5px;
}

/* Post Wrapper
----------------------------------------------- */

.post {
	background:#fff;
}

.post-body {
	line-height:1.6em;
	text-align:justify;
	font-size:14px;
}

.post-body ul {
	list-style-type: none;
  	padding-left: 20px;
}

.post-body img {
	max-width:100%;
}

.post-body li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px
}

.post-body li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: '\f0f6';
}

.iklan {
    padding-top:20px;
    text-align:center;
}

.listchapter {
  background-color:#FF8519;
  text-align:center;
  padding:5px;
margin-top:5px;
  font-weight:bold;
  color:#fff;
}

h2.post-title, h1.post-title {
	font-family:"Open Sans",sans-serif;
	font-size:20px;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
	color:#000;
}
h2.post-title a:hover, h1.post-title a:hover {
	color:#333;
}
span.rollover {
	opacity:0;
	-o-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	background:#333;
	cursor: pointer;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 1;
	opacity: 0;
}
span.rollover:before {
	content:"";
	position: absolute;
	background:url() 50% 50% no-repeat;
	width:24px;
	height:24px;
	margin:-12px;
	top:50%;
	left:50%;
}
span.rollover:hover {
	opacity: .7;
	-o-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}
.post-info {
	margin:0 0 12px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.post-info a {
	display:inline-block;
}
.post-info abbr {
	border-bottom:none;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
	margin-right:12px;
	display:inline;
}
a.readmore {
	display:inline-block;
	margin:15px 0 0;
	border:1px solid #FF8519;
	padding:0px 10px;
	line-height:26px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

a.readmore:hover  {
	border:1px solid $(readmore.hover.color);
}

/* Contact Form
----------------------------------------------- */
#contact {
background-color:#fff;
margin:30px 0!important;
}

#contact .contact-form-widget {
max-width:100%!important;
}

#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message {
background-color:#FFF;
border:1px solid #eee;
border-radius:3px;
padding:10px;
margin-bottom:10px!important;
max-width:100%!important;
}

#contact .contact-form-name {
width:47.7%;
height:50px;
}

#contact .contact-form-email {
width:49.7%;
height:50px;
}

#contact .contact-form-email-message {
height:150px;
}

#contact .contact-form-button-submit {
max-width:100%;
width:100%;
z-index:0;
margin:4px 0 0;
padding:15px 20px!important;
text-align:center;
cursor:pointer;
background:#19b5fe;
border:0;
height:auto;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
text-transform:uppercase;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out;
color:#FFF;
}

#contact .contact-form-button-submit:hover {
background:#444;
}

#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus {
box-shadow:none!important;
}

/* Main Content Bars
----------------------------------------------- */

.mainBar .container {
    font-family:"Open Sans",sans-serif;
    background: #fff;
    margin-top:10px;
    margin-bottom:10px;
    padding:0 30px 15px 30px;
}

.mainBar .container a:hover {
    text-decoration: none;
}

.blogContent {
position:relative;
margin:0 0 10px;
}

.LatestBar {
    font-size:14px;
}
.LatestBar h2 {
    font-size:15px;
    text-transform: uppercase;
    text-align: center;
    background:#D05981 url(http://1.bp.blogspot.com/-c8tXMuir-zQ/VKhP8PugGeI/AAAAAAAAOZg/DzKp3C-p88w/s1600/facebookbg.png) no-repeat center top -60px;
    color:#fff;
    padding:10px;
}
.FollowBar {
    font-size:14px;
}
.FollowBar h2 {
    font-size:15px;
    text-transform: uppercase;
    text-align: center;
    background:#01A8E7 url(http://1.bp.blogspot.com/-c8tXMuir-zQ/VKhP8PugGeI/AAAAAAAAOZg/DzKp3C-p88w/s1600/facebookbg.png) no-repeat center top -60px;
    color:#fff;
    padding:10px;
}

.KomikBar {
    font-size:14px;
}

.KomikBar h2 {
    font-size:15px;
    text-transform: uppercase;
    text-align: center;
    background:#FF7800 url(http://1.bp.blogspot.com/-c8tXMuir-zQ/VKhP8PugGeI/AAAAAAAAOZg/DzKp3C-p88w/s1600/facebookbg.png) no-repeat right top -60px;
    color:#fff;
    padding:10px;
}

.KomikBar img {
    padding-bottom:10px;
    max-height: 300px;
    width:100% !important;
}

.OneshotBar {
    font-size:14px;
}

.OneshotBar h2 {
    font-size:15px;
    text-transform: uppercase;
    text-align: center;
    background:#FF0000 url(http://1.bp.blogspot.com/-c8tXMuir-zQ/VKhP8PugGeI/AAAAAAAAOZg/DzKp3C-p88w/s1600/facebookbg.png) no-repeat right top -60px;
    color:#fff;
    padding:10px;
}

.OneshotBar img {
    padding-bottom:10px;
    max-height: 300px;
    width: 100% !important;
}

/* Page Navigation
----------------------------------------------- */
.pagenavi {
	clear:both;
	margin:-5px 0 10px;
	padding-top:30px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.pagenavi span,.pagenavi a {
	padding:6px 10px;
	margin-right:3px;
	display:inline-block;
	border: 1px solid #ff7800;
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
	border: 1px solid #ff7800;
}
.pagenavi .pages {
	display:none;
}

/* Page Navigation (Default)
----------------------------------------------- */
#blog-pager {
    margin: 20px 0 10px;
    clear:both !important;
    padding:0 0;
    font-size:12px;
    font-weight:normal;
}
a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {
    border: 1px solid #ff7800;
    padding:0px 12px;
    line-height:28px;
}
#blog-pager-newer-link a {
    float:left;
    display:block;
}
#blog-pager-older-link a {
    float:right;
    display:block;
}
a.home-link {
    display:inline-block;
}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
    border: 1px solid #ff7800;
}

/* Facebook Responsive
----------------------------------------------- */

.fb-comments, .fb-comments span, .fb-comments iframe[style] {
width: 100% !important;
}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
width: 100% !important;
}

/* Footer
----------------------------------------------- */

.credit {
    background:#FF5400 url(http://3.bp.blogspot.com/-V_E2k6h0-n0/VK5FA1p3xBI/AAAAAAAAOf8/BrEIbxp62VU/s1600/bg3.png) no-repeat center;
    padding: 15px;
    color:#fff;
    text-align:center;
    font-family:"Open Sans",sans-serif;
    font-size:13px;
}
.credit a {
    color:#fff;
    text-decoration: none;
}
.credit a:hover {
    color:#ccc;
    text-decoration: none;
}

/* Back to TOP
----------------------------------------------- */

#back-to-top {
    text-align:center;
    margin-bottom:5px;
    font-size: 12px;
    color:#fff;
    font-weight: bold;
    padding: 8px;
}
#back-to-top a{
    color:#fff;
}

/* Error Page
----------------------------------------------- */
#error-page {
background:#e9e9e9 url(http://2.bp.blogspot.com/-L7ET9vnMlWg/U3zrj-CVQ2I/AAAAAAAABNw/WpaEbm0q_O8/s1600/bg-1030x414.png) repeat center;
position:fixed !important;
position:absolute;
text-align:center;
top:0;
right:0;
bottom:0;
left:0;
z-index:99999;
}
#error-inner {
margin:11% auto;
}
#error-inner .box-404 {
width:200px;
height:200px;
background:#FF5400;
color:#fff;
font-size:80px;
line-height:200px;
border-radius:10px;
margin:0 auto 50px;
position:relative;
}
#error-inner .box-404::after {
content:&quot; &quot;;
width:0;
height:0;
bottom:-8px;
border-color:#FF5400 transparent transparent;
border-style:solid;
border-width:9px 9px 0;
position:absolute;
left:47%;
}
#error-inner h1 {
text-transform:uppercase;
}
#error-inner p {
line-height:0.7em;
font-size:15px;
}

/* Share
----------------------------------------------- */
.share  {
	border-bottom:1px dashed #FF8519;
	border-top:1px dashed #FF8519;
	font-weight:bold;
	font-size:14px;
	padding:10px 0 8px 0;
	margin-top:25px;
	position:relative;
}


.share::after  {
width:190px;
height:30px;
position:absolute;
bottom:-320px;
left:80px;
background:#fff;
}

.largehide {
display:none;
}


/* Media Queries
----------------------------------------------- */

@media (max-width: 767px) {
	#header {
		text-align:center;
		float:none !important;
		margin:0 auto !important;
	}

    .header-right {
		text-align:center;
        float: none !important;
        margin-top:0 !important;
    }

	#HTML3 {
	display:none !important;
	}
}

@media (max-width:479px) {
  .largeshow {
  display:none;
   }
  .largehide {
	display:block;
	}
}
